import { FC } from "react";
import { Outlet } from "react-router-dom";
import Logo from "../components/Logo";
import UserInfo from "../components/UserInfo";

const MainLayout: FC = () => {
  return (
    <>
      <div className="flex h-[61px] items-center justify-between bg-stone-400 px-4">
        <div>
          <Logo></Logo>
        </div>
        <div>
          <UserInfo></UserInfo>
        </div>
      </div>
      <div style={{ height: "calc(100vh - 142px)" }}>
        <Outlet></Outlet>
      </div>
      <div className="h-[65px] flex items-center justify-center text-sm">
        小飞问卷&copy;2023 - present. Created by 小飞问卷
      </div>
    </>
  );
};

export default MainLayout;
